<html>
<head>
	<title>Follow me</title>
	<script type="text/javascript" src="./lib/jquery-1.10.1.min.js">
	</script>
	<script type="text/javascript">
		$(function() {
			$("<p>Insert after!</p>").insertAfter("#followMe");
			$("<p>Insert before</p>").insertBefore("#followMe");
			$("<tr><td>Kaks</td><td>Male</td><td>88</td></tr>").insertAfter("table tbody:last");
		})
	</script>
</head>
<body>
<p id="followMe">Follow me</p>
<div id="img">
	<img id="imgCircle" src="./img/circle.png" alt="circle">
</div>
<div id="table">
	<table id="studentTable" border="1">
		<thead>
			<tr>
				<td>Student</td>
				<td>Sex</td>
				<td>Grade</td>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>Jack</td>
				<td>Male</td>
				<td>77</td>
			</tr>
			<tr>
				<td>Tom</td>
				<td>Male</td>
				<td>92</td>
			</tr>
			<tr>
				<td>Rose</td>
				<td>Female</td>
				<td>87</td>
			</tr>
		</tbody>
	</table>
</div>
</body>
</html>
